<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <!-- ESSENTIAL -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>工业城市模拟器 - 控制面板</title>
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <meta name="application-name" content="Vite ThreeJS — Template" />
  <meta name="description"
    content="Boilerplate template designed to quickly bootstrapping a 3D Web App, SPA, website or landing page with Three.JS, GLSL, Vite, TailwindCSS, ESLint, Husky and much more in just 30 seconds." />
  <meta name="keywords"
    content="three, three js, threejs, three.js, three-js, three template, three js template, threejs template, three.js template, three-js template, three vite, three js vite, threejs vite, three.js vite, three-js vite, three vite template, three js vite templante, threejs vite templante, three.js vite templante, three-js vite templante, webgl, 3D, GLSL, GLSL shaders, shaders, web3D, javascript, js, vanilla-javascript, vanilla-js, development, template, boilerplate, template-boilerplate, boilerplate-frontend, starter-kit, vite, vite template, swc, husky, eslint, commitlint, prettier, postcss, tailwind, tailwindcss, sass, scss, css, github, web app, web-app, webapp, spa" />
  <link rel="manifest" href="/app.webmanifest" />
  <link rel="icon" sizes="192x192" href="/favicon/favicon-192.webp" />
  <link rel="icon" sizes="512x512" href="/favicon/favicon-512.webp" />

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=ZCOOL+QingKe+HuangYou&display=swap"
    rel="stylesheet">
</head>

<body style="background: radial-gradient(ellipse at center, #6990b8 0%, #3b5279 100%);">
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
</body>

</html>